﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>

	<title>商户管理平台-登录</title>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" /> 

	<link rel="icon" type="image/png" th:href="@{images/miaodao.ico}" />
	
    <!-- Bootstrap core CSS     -->
    <link th:href="@{css/bootstrap.min.css}" rel="stylesheet" />
        
    <!--  Light Bootstrap Dashboard core CSS    -->
    <link th:href="@{css/light-bootstrap-dashboard.css}" rel="stylesheet"/>
    
    <!--  CSS for Demo Purpose, don't include it in your project     -->
    <link th:href="@{css/demo.css}" rel="stylesheet" />    
        
    <!--     Fonts and icons     -->
    <link th:href="@{css/font-awesome.min.css}" rel="stylesheet" />
    <link th:href="@{css/685fd913f1e14aebad0cc9d3713ee469.css}" rel='stylesheet' type='text/css' />
    <link th:href="@{css/pe-icon-7-stroke.css}" rel="stylesheet" />

</head>
<body> 

<nav class="navbar navbar-transparent navbar-absolute">
    <div class="container">    
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-example-2">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../dashboard.html">Light Bootstrap Dashboard PRO</a>
        </div>
        <div class="collapse navbar-collapse">       
            
            <ul class="nav navbar-nav navbar-right">
                <li>
                   <a href="register.html">
                        Register
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div class="wrapper wrapper-full-page">
    <div class="full-page login-page" data-color="orange" data-image="../../assets/img/full-screen-image-1.jpg">   
        
    <!--   you can change the color of the filter page using: data-color="blue | azure | green | orange | red | purple" -->
        <div class="content">
            <div class="container">
                <div class="row">                   
                    <div class="col-md-4 col-sm-6 col-md-offset-4 col-sm-offset-3">
                        <form method="post" action="/login">
                            
                        <!--   if you want to have the card without animation please remove the ".card-hidden" class   -->
                            <div class="card card-hidden">
                                <div class="header text-center">Login</div>
                                <div class="content">
                                    <div class="form-group">
                                        <label>Email address</label>
                                        <input type="text" name="name" placeholder="Enter email" class="form-control" />
                                    </div>
                                    <div class="form-group">
                                        <label>Password</label>
                                        <input type="password" name="password" placeholder="Password" class="form-control" />
                                    </div>                                    
                                    <div class="form-group">
                                        <label class="checkbox">
                                            <input type="checkbox" data-toggle="checkbox" value="" />
                                            Subscribe to newsletter
                                        </label>    
                                    </div>
                                    <div class="form-group" th:if="${not #strings.isEmpty(msg)}">
                                        <label th:text="${msg}">                                            
                                        </label>    
                                    </div>
                                </div>
                                <div class="footer text-center">
                                    <button type="submit" class="btn btn-fill btn-warning btn-wd">Login</button>
                                </div>
                            </div>
                                
                        </form>
                                
                    </div>                    
                </div>
            </div>
        </div>
    	
    	<footer class="footer footer-transparent">
            <div class="container">
                <nav class="pull-left">
                    <ul>
                        <li>
                            <a href="#">
                                Home
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Company
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                Portfolio
                            </a>
                        </li>
                        <li>
                            <a href="#">
                               Blog
                            </a>
                        </li>
                    </ul>
                </nav>
                <p class="copyright pull-right">
                    &copy; 2016 <a href="#">Creative Tim</a>, made with love for a better web
                </p>
            </div>
        </footer>

    </div>                             
       
</div>



<div class="fixed-plugin" th:fragment="tool-plugin">
    <div class="dropdown show-dropdown">
        <a href="#" data-toggle="dropdown"> 
        <i class="fa fa-cog fa-2x"> </i>
        </a>
        <ul class="dropdown-menu">
            <li class="header-title">Background Style</li>
            <li class="adjustments-line">
                <a href="javascript:void(0)" class="switch-trigger">
                    <p>Background Image</p>
                    <div class="switch"
                        data-on-label="ON"
                        data-off-label="OFF">
                        <input type="checkbox" checked="checked"/>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </li>
            <li class="adjustments-line">
                <a href="javascript:void(0)" class="switch-trigger">
                    <p>Filters</p>
                    <div class="pull-right">
                        <span class="badge filter" data-color="black"></span>
                        <span class="badge filter badge-azure" data-color="azure"></span>
                        <span class="badge filter badge-green" data-color="green"></span>
                        <span class="badge filter badge-orange active" data-color="orange"></span>
                        <span class="badge filter badge-red" data-color="red"></span>
                        <span class="badge filter badge-purple" data-color="purple"></span>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </li>
            <li class="header-title">Sidebar Images</li>
            <li class="active">
                <a class="img-holder switch-trigger" href="javascript:void(0)">
                    <img th:src="@{picture/full-screen-image-1.jpg}"/>
                </a>
            </li>
            <li>
                <a class="img-holder switch-trigger" href="javascript:void(0)">
                    <img th:src="@{picture/full-screen-image-2.jpg}"/>
                </a>
            </li>
            <li>
                <a class="img-holder switch-trigger" href="javascript:void(0)">
                    <img th:src="@{picture/full-screen-image-3.jpg}"/>
                </a>
            </li>
            <li>
                <a class="img-holder switch-trigger" href="javascript:void(0)">
                    <img th:src="@{picture/full-screen-image-4.jpg}"/>
                </a>
            </li>
            
            
        </ul>
    </div>
</div>

</body>
    
    <!--   Core JS Files and PerfectScrollbar library inside jquery.ui   -->
    <script th:src="@{js/jquery.min.js}" type="text/javascript"></script>
    <script th:src="@{js/jquery-ui.min.js}" type="text/javascript"></script> 
	<script th:src="@{js/bootstrap.min.js}" type="text/javascript"></script>
	
	
	<!--  Forms Validations Plugin -->
	<script th:src="@{js/jquery.validate.min.js}"></script>
	
	<!--  Plugin for Date Time Picker and Full Calendar Plugin-->
	<script th:src="@{js/moment.min.js}"></script>
	
    <!--  Date Time Picker Plugin is included in this js file -->
    <script th:src="@{js/bootstrap-datetimepicker.js}"></script>
    
    <!--  Select Picker Plugin -->
    <script th:src="@{js/bootstrap-selectpicker.js}"></script>
    
	<!--  Checkbox, Radio, Switch and Tags Input Plugins -->
	<script th:src="@{js/bootstrap-checkbox-radio-switch-tags.js}"></script>
	
	<!--  Charts Plugin -->
	<script th:src="@{js/chartist.min.js}"></script>

    <!--  Notifications Plugin    -->
    <script th:src="@{js/bootstrap-notify.js}"></script>
    
    <!-- Sweet Alert 2 plugin -->
	<script th:src="@{js/sweetalert2.js}"></script>
        
    <!-- Vector Map plugin -->
	<script th:src="@{js/jquery-jvectormap.js}"></script>
	
    <!--  Google Maps Plugin    -->
    <script th:src="@{js/aa743e8f448a4792bad10d201a7080f6.js}"></script>
	
	<!-- Wizard Plugin    -->
    <script th:src="@{js/jquery.bootstrap.wizard.min.js}"></script>

    <!--  Datatable Plugin    -->
    <script th:src="@{js/bootstrap-table.js}"></script>
    
    <!--  Full Calendar Plugin    -->
    <script th:src="@{js/fullcalendar.min.js}"></script>
    
    <!-- Light Bootstrap Dashboard Core javascript and methods -->
	<script th:src="@{js/light-bootstrap-dashboard.js}"></script>
	
	<!--   Sharrre Library    -->
    <script th:src="@{js/jquery.sharrre.js}"></script>
	
	<!-- Light Bootstrap Dashboard DEMO methods, don't include it in your project! -->
	<script th:src="@{js/demo.js}"></script>
	    
    <script th:inline="javascript">
        $().ready(function(){
            lbd.checkFullPageBackgroundImage();
            
            setTimeout(function(){
                // after 1000 ms we add the class animated to the login/register card
                $('.card').removeClass('card-hidden');
            }, 700)
                        
        });
    </script>    
    
    
</html>